<template>
  <div class="mv">
    <div class="title">
      <span>搜索"{{ keywords }}",</span>
      <span
        >共<span :style="{ color: 'rgb(255, 165, 0)' }">{{ count }}</span
        >个mv</span
      >
    </div>
    <div class="result"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      keywords: null,
      count: null,
      mvList: [],
    };
  },
  created() {
    this.keywords = this.$route.query.keywords;
    this.$axios({
      url: "/cloudsearch",
      params: {
        type: 1004,
        keywords: this.keywords,
      },
    }).then((res) => {
      this.count = res.data.result.mvCount;
      this.mvList = res.data.result.mvs;
    });
  },
};
</script>

<style scoped>
@import url("../../css/result/mv");
</style>